﻿<!DOCTYPE html>
<html>
  <head>
    <title>02_02 01_01 详细展示</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/02_02_01_01_详细展示/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/02_02_01_01_详细展示/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (iPhone8) -->

      <!-- Unnamed (组合 ) -->
      <div id="u2914" class="ax_default" data-left="0" data-top="0" data-width="436" data-height="888">

        <!-- Unnamed (图片 ) -->
        <div id="u2915" class="ax_default image">
          <img id="u2915_img" class="img " src="images/01_首页_用户/u2.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u2916" class="ax_default image">
          <img id="u2916_img" class="img " src="images/01_首页_用户/u3.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u2917" class="ax_default image">
          <img id="u2917_img" class="img " src="images/01_首页_用户/u4.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u2918" class="ax_default image">
          <img id="u2918_img" class="img " src="images/01_首页_用户/u5.png"/>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u2919" class="ax_default">
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2920" class="ax_default box_2">
        <div id="u2920_div" class=""></div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u2921" class="ax_default" data-left="54" data-top="123" data-width="375" data-height="68">

        <!-- Unnamed (组合 ) -->
        <div id="u2922" class="ax_default" data-left="54" data-top="123" data-width="375" data-height="68">

          <!-- Unnamed (矩形) -->
          <div id="u2923" class="ax_default box_3">
            <div id="u2923_div" class=""></div>
          </div>

          <!-- Title (组合 ) -->
          <div id="u2924" class="ax_default" data-label="Title" data-left="187" data-top="164" data-width="228" data-height="16">

            <!-- Unnamed (矩形) -->
            <div id="u2925" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
              <div id="u2925_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2926" class="ax_default _三级标题">
              <div id="u2926_div" class=""></div>
              <div id="u2926_text" class="text ">
                <p><span>放心、舒心消费创建办</span></p>
              </div>
            </div>

            <!-- icon (形状) -->
            <div id="u2927" class="ax_default icon" data-label="icon">
              <img id="u2927_img" class="img " src="images/01_03_完善账号信息/icon_u2444.png"/>
            </div>
          </div>

          <!-- 二维码 (组合 ) -->
          <div id="u2928" class="ax_default" data-label="二维码" data-left="57" data-top="162" data-width="90" data-height="20">

            <!-- 二维码 (矩形) -->
            <div id="u2929" class="ax_default" data-label="二维码">
              <div id="u2929_div" class=""></div>
              <div id="u2929_text" class="text ">
                <p><span>企业号</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u2930" class="ax_default image">
              <img id="u2930_img" class="img " src="images/01_首页_用户/u16.png"/>
            </div>
          </div>
        </div>

        <!-- Unnamed (电池电量条 Black) -->

        <!-- Unnamed (组合 ) -->
        <div id="u2932" class="ax_default" data-left="6" data-top="7" data-width="363" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u2933" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
            <div id="u2933_div" class=""></div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2934" class="ax_default icon">
            <img id="u2934_img" class="img " src="images/01_首页_用户/u20.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2935" class="ax_default icon">
            <img id="u2935_img" class="img " src="images/01_首页_用户/u21.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2936" class="ax_default icon">
            <img id="u2936_img" class="img " src="images/01_首页_用户/u22.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2937" class="ax_default label">
            <div id="u2937_div" class=""></div>
            <div id="u2937_text" class="text ">
              <p><span>5:27 AM</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2938" class="ax_default label">
            <div id="u2938_div" class=""></div>
            <div id="u2938_text" class="text ">
              <p><span>100%</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 背景 (矩形) -->
      <div id="u2939" class="ax_default box_2" data-label="背景">
        <div id="u2939_div" class=""></div>
      </div>

      <!-- 遮罩层 (动态面板) -->
      <div id="u2940" class="ax_default" data-label="遮罩层">
        <div id="u2940_state0" class="panel_state" data-label="顶层" style="">
          <div id="u2940_state0_content" class="panel_state_content">

            <!-- Main (动态面板) -->
            <div id="u2941" class="ax_default" data-label="Main">
              <div id="u2941_state0" class="panel_state" data-label="内容展示" style="">
                <div id="u2941_state0_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u2942" class="ax_default box_1">
                    <div id="u2942_div" class=""></div>
                    <div id="u2942_text" class="text ">
                      <p style="font-size:13px;"><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;font-size:16px;">菜品里有苍蝇</span></p><p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#CCCCCC;">2018.05.21 16:51:37</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u2943" class="ax_default" data-left="0" data-top="69" data-width="375" data-height="140">

                    <!-- Unnamed (矩形) -->
                    <div id="u2944" class="ax_default box_1">
                      <div id="u2944_div" class=""></div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u2945" class="ax_default" data-left="17" data-top="79" data-width="173" data-height="120">

                      <!-- Unnamed (矩形) -->
                      <div id="u2946" class="ax_default label">
                        <div id="u2946_div" class=""></div>
                        <div id="u2946_text" class="text ">
                          <p><span>投诉编号：</span></p><p><span>投诉类型：</span></p><p><span>联系人：</span></p><p><span>联系电话：</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u2947" class="ax_default label">
                        <div id="u2947_div" class=""></div>
                        <div id="u2947_text" class="text ">
                          <p><span>102329813226</span></p><p><span>商品质量问题</span></p><p><span>马小姐</span></p><p><span>13888888888</span></p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u2948" class="ax_default" data-left="0" data-top="208" data-width="375" data-height="190">

                    <!-- Unnamed (矩形) -->
                    <div id="u2949" class="ax_default box_1">
                      <div id="u2949_div" class=""></div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u2950" class="ax_default" data-left="17" data-top="218" data-width="345" data-height="165">

                      <!-- Unnamed (矩形) -->
                      <div id="u2951" class="ax_default label">
                        <div id="u2951_div" class=""></div>
                        <div id="u2951_text" class="text ">
                          <p><span>问题说明：</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u2952" class="ax_default _文本段落">
                        <div id="u2952_div" class=""></div>
                        <div id="u2952_text" class="text ">
                          <p><span>我在内江开口香快乐凉粉和平桥店，点了两份菜品，一份快乐凉粉、一份回锅肉，菜吃到一半，居然发现回锅肉里有半只苍蝇，一想到这里我就恶心的要死，我要求老板赔偿我精神损失费一千块，老板居然说我无理取闹，还让店员把我给轰了出来。就这态度已经不是1千块能解决的事了，要投诉！和他们抗争到底。</span></p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (水平线) -->
                  <div id="u2953" class="ax_default line">
                    <img id="u2953_img" class="img " src="images/04_01_03回复意见/u2333.png"/>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u2954" class="ax_default" data-left="-16" data-top="397" data-width="412" data-height="184">

                    <!-- Unnamed (组合 ) -->
                    <div id="u2955" class="ax_default" data-left="0" data-top="397" data-width="375" data-height="160">

                      <!-- Unnamed (矩形) -->
                      <div id="u2956" class="ax_default box_1">
                        <div id="u2956_div" class=""></div>
                      </div>

                      <!-- Unnamed (水平线) -->
                      <div id="u2957" class="ax_default line">
                        <img id="u2957_img" class="img " src="images/04_01_03回复意见/u2333.png"/>
                      </div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u2958" class="ax_default" data-left="-16" data-top="414" data-width="412" data-height="37">

                      <!-- Unnamed (组合 ) -->
                      <div id="u2959" class="ax_default" data-left="-16" data-top="414" data-width="136" data-height="37">

                        <!-- Unnamed (组合 ) -->
                        <div id="u2960" class="ax_default" data-left="-16" data-top="414" data-width="136" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u2961" class="ax_default ellipse">
                            <img id="u2961_img" class="img " src="images/04_01_03回复意见/u2337.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u2962" class="ax_default line">
                            <img id="u2962_img" class="img " src="images/04_01_03回复意见/u2338.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u2963" class="ax_default line">
                            <img id="u2963_img" class="img " src="images/04_01_03回复意见/u2338.png"/>
                          </div>
                        </div>

                        <!-- Unnamed (矩形) -->
                        <div id="u2964" class="ax_default label">
                          <div id="u2964_div" class=""></div>
                          <div id="u2964_text" class="text ">
                            <p><span>双方和解中</span></p>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (组合 ) -->
                      <div id="u2965" class="ax_default" data-left="120" data-top="414" data-width="138" data-height="37">

                        <!-- Unnamed (矩形) -->
                        <div id="u2966" class="ax_default label">
                          <div id="u2966_div" class=""></div>
                          <div id="u2966_text" class="text ">
                            <p><span>三方调解中</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (组合 ) -->
                        <div id="u2967" class="ax_default" data-left="120" data-top="414" data-width="138" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u2968" class="ax_default ellipse">
                            <img id="u2968_img" class="img " src="images/04_01_03回复意见/u2350.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u2969" class="ax_default line">
                            <img id="u2969_img" class="img " src="images/04_01_03回复意见/u2351.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u2970" class="ax_default line">
                            <img id="u2970_img" class="img " src="images/04_01_03回复意见/u2351.png"/>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (组合 ) -->
                      <div id="u2971" class="ax_default" data-left="258" data-top="414" data-width="138" data-height="37">

                        <!-- Unnamed (矩形) -->
                        <div id="u2972" class="ax_default label">
                          <div id="u2972_div" class=""></div>
                          <div id="u2972_text" class="text ">
                            <p><span>监管介入中</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (组合 ) -->
                        <div id="u2973" class="ax_default" data-left="258" data-top="414" data-width="138" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u2974" class="ax_default ellipse">
                            <img id="u2974_img" class="img " src="images/04_01_03回复意见/u2350.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u2975" class="ax_default line">
                            <img id="u2975_img" class="img " src="images/04_01_03回复意见/u2351.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u2976" class="ax_default line">
                            <img id="u2976_img" class="img " src="images/04_01_03回复意见/u2351.png"/>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u2977" class="ax_default" data-left="89" data-top="483" data-width="197" data-height="48">

                      <!-- Unnamed (矩形) -->
                      <div id="u2978" class="ax_default label">
                        <div id="u2978_div" class=""></div>
                        <div id="u2978_text" class="text ">
                          <p><span style="color:#CCCCCC;">当前进度：</span><span style="color:#3385FF;">和解中</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u2979" class="ax_default label">
                        <div id="u2979_div" class=""></div>
                        <div id="u2979_text" class="text ">
                          <p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#CCCCCC;">用户：</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">未处理</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#3385FF;">　　</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#CCCCCC;">监管：</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">未处理</span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u2980" class="ax_default label">
                      <div id="u2980_div" class=""></div>
                      <div id="u2980_text" class="text ">
                        <p><span>提示：如果您不同意和商家和解，将进入三方调解阶段！</span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (热区) -->
                  <div id="u2981" class="ax_default">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2982" class="ax_default box_1">
        <div id="u2982_div" class=""></div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u2983" class="ax_default" data-left="65" data-top="733" data-width="354" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u2984" class="ax_default primary_button">
          <div id="u2984_div" class=""></div>
          <div id="u2984_text" class="text ">
            <p><span>同意和解</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2985" class="ax_default primary_button">
          <div id="u2985_div" class=""></div>
          <div id="u2985_text" class="text ">
            <p><span>不同意和解</span></p>
          </div>
        </div>
      </div>

      <!-- 和解方案 (组合 ) -->
      <div id="u2986" class="ax_default ax_default_hidden" data-label="和解方案" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u2987" class="ax_default box_1">
          <div id="u2987_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2988" class="ax_default box_1">
          <div id="u2988_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2989" class="ax_default primary_button">
          <div id="u2989_div" class=""></div>
          <div id="u2989_text" class="text ">
            <p><span>提交</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2990" class="ax_default primary_button">
          <div id="u2990_div" class=""></div>
          <div id="u2990_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2991" class="ax_default _三级标题">
          <div id="u2991_div" class=""></div>
          <div id="u2991_text" class="text ">
            <p><span>和解方案</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2992" class="ax_default box_1">
          <div id="u2992_div" class=""></div>
        </div>

        <!-- Unnamed (多行文本框) -->
        <div id="u2993" class="ax_default text_area">
          <textarea id="u2993_input"></textarea>
        </div>
      </div>

      <!-- 不和解原因 (组合 ) -->
      <div id="u2994" class="ax_default ax_default_hidden" data-label="不和解原因" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u2995" class="ax_default box_1">
          <div id="u2995_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2996" class="ax_default box_1">
          <div id="u2996_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2997" class="ax_default primary_button">
          <div id="u2997_div" class=""></div>
          <div id="u2997_text" class="text ">
            <p><span>提交</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2998" class="ax_default primary_button">
          <div id="u2998_div" class=""></div>
          <div id="u2998_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2999" class="ax_default _三级标题">
          <div id="u2999_div" class=""></div>
          <div id="u2999_text" class="text ">
            <p><span>不和解原因</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3000" class="ax_default box_1">
          <div id="u3000_div" class=""></div>
        </div>

        <!-- Unnamed (多行文本框) -->
        <div id="u3001" class="ax_default text_area">
          <textarea id="u3001_input"></textarea>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3002" class="ax_default primary_button">
        <div id="u3002_div" class=""></div>
        <div id="u3002_text" class="text ">
          <p><span>回复</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
